<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>科创研究成果平台</title>
<link href="css/main.css" rel="stylesheet" />
<link href="css/style.css"  rel="stylesheet" />
<link href="../bootstrap/dist/css/bootstrap.css"  rel="stylesheet" />
<link rel="stylesheet" href="css/common.css">
<script src="js/jquery-1.8.3.min.js"  type="text/javascript"></script>
<script src="js/jquery.SuperSlide.2.1.1.js" ></script>
<!--<script type="text/javascript" src="../bootstrap/dist/js/bootstrap.js"></script>-->
<script src="js/tagSelect.js"></script>
<style type="text/css">
a{
    text-decoration : none
}
h1{
font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
</style>
</head>
<body style="background-color: #FFFFFF">
<!--头部-->
<header>
	<div class="beijing">
		<h2 style="font-weight:bold;font-size: 18px;">
		<a href="index.html" style="text-decoration : none"><em>
		<font color="white">科创研究成果平台</font></em></a>
		</h2>
        <ul>
            <li>
                <a class="menu_1 " style="text-decoration : none" href="index.html" >首页</a>
            </li>
            <li>
                <a class="menu_1 " style="text-decoration : none" href="news.html">资讯<em></em></a>
            </li>
            <li>
                <a class="menu_1 " style="text-decoration : none" href="act.html">活动<em></em></a>
            </li>
            <li>
                <a class="menu_1 hover" style="text-decoration : none" href="tech.html" >技术<em></em></a>
            </li>
            <li>
                <a class="menu_1 " style="text-decoration : none" href="cooper.html">合作<em></em></a>
            </li>
            <li>
                <a class="menu_1 " style="text-decoration : none" href="javascript:gotoPersoninfo()" >个人中心<em></em></a>
            </li>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
        </ul>
		<div class="clear"></div>		
	</div>
	<div class="clear"></div>
</header>

<div class="main_banner" style="background-image: url(./img/bg-header-technologies.jpg);height: 350px;">
    <div style="position: relative;top: 150px;left: 350px;">
    <h1 style="font-size: 50px;color: #fff;font-weight: 600;">汇聚全球技术   助力企业升级</h1></div>
</div>
<!--主体-->
<div class="beijing1" style="background-color: #fff; margin:0px;">
	<div class="filter">
        <div class="container">
            <div class="box">
            <div class="title-h">按条件筛选</div>
            <dl>
                <dt>所属领域</dt>
                <dd>
                    <a href="javascript:void(0)" rel="" name="area" class="all sx_child on">全部</a>
                    <a href="#" rel="能源电力" name="area" class="sx_child">能源电力</a>
                    <a href="#" rel="化学化工" name="area" class="sx_child">化学化工</a>
                    <a href="#" rel="材料科技" name="area" class="sx_child">材料科技</a>
                    <a href="#" rel="生农医药" name="area" class="sx_child">生农医药</a>
                    <a href="#" rel="机械电子" name="area" class="sx_child">机械电子</a>
                </dd>
            </dl>
            <dl>
                <dt>应用行业</dt>
                <dd>
                    <a href="#" rel="" name="range" class="all sx_child on">全部</a>
                    <a href="#" rel="环保行业" name="range" class="sx_child">环保行业</a>
                    <a href="#" rel="化工新材料行业" name="range" class="sx_child">化工新材料行业</a>
                    <a href="#" rel="IT" name="range" class="sx_child">IT</a>
                    <a href="#" rel="生产" name="range" class="sx_child">生产</a>
                    <a href="#" rel="能源电力" name="range" class="sx_child">能源电力</a>
                    <a href="#" rel="其它" name="range" class="sx_child">其它</a>
                </dd>
            </dl>
            <dl>
                <dt>成熟度</dt>
                <dd>
                    <a href="#" rel="" name="maturity" class="all sx_child on">全部</a>
                    <a href="#" rel="小试" name="maturity" class="sx_child">小试</a>
                    <a href="#" rel="中试" name="maturity" class="sx_child">中试</a>
                    <a href="#" rel="生试" name="maturity" class="sx_child">生试</a>
                </dd>
            </dl>
            <dl>
                <dt>来源地</dt>
                <dd>
                    <a href="#" rel="" name="source" class="all sx_child on">全部</a>
                    <a href="#" rel="中国" name="source" class="sx_child">中国</a>
                    <a href="#" rel="美国" name="source" class="sx_child">美国</a>
                    <a href="#" rel="德国" name="source" class="sx_child">德国</a>
                    <a href="#" rel="英国" name="source" class="sx_child">英国</a>
                    <a href="#" rel="日本" name="source" class="sx_child">日本</a>
                    <a href="#" rel="法国" name="source" class="sx_child">法国</a>
                </dd>
            </dl>
            </div>
        </div>
    </div>
	<ul class="case" style="padding: 24px;">
	</ul>
</div>
<script>  
    $(function(){
        new SelectTag({
            child : ".sx_child", //所有筛选范围内的子类
            over : 'on', //选中状态样式名称
            all : ".all",
            url:"/achievement/selectByMore"
        });
    })
</script>
</body>
</html>

<script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
            url:"/achievement/search",
            type:"POST",
            dataType: "json",//预期服务器返回的数据类型
            success: function (result) {
                console.log(result);//打印
                for(var i=0;i<result.rows.length;i++){
                    var title=result.rows[i].name;
                    var id=result.rows[i].id;
                    var source=result.rows[i].source;
                    var introduction=result.rows[i].introduction;
                    var html=`<li>
                    <div class="case_1">
                        <h1 style="font-size: 25px;font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit;">
                        <a style="text-decoration : none;color: #428bca;" href="techdetail.html?id=${id}">${title}</a>
                        </h1>
                        <span style="font-size: 16px;">来源地：${source}</span>
                        <span style="font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;">技术简介：${introduction}</span>
                    </div><div><button onclick="location='techdetail.html?id=${id}'" type="button" class="btn btn-primary">查看详情</button></div></li>`;
                    if(result.rows[i].status==1){
                    $(".case").append(html);
                    }
                }
            }
        });
    })
</script>
<script type="text/javascript" src="js/xmsz_common.js" ></script>
